﻿@extends('admin.comment')

@section('style')
	
@endsection

@section('content')
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 角色管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
	<div class="page-container">
		<div class="cl pd-5 bg-1 bk-gray"> <span class="l"> <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a class="btn btn-primary radius" href="javascript:;" onclick="admin_role_add('添加角色','{{action("Admin\RoleController@create")}}','800')"><i class="Hui-iconfont">&#xe600;</i> 添加角色</a> </span> <span class="r">共有数据：<strong>{{$count}}</strong> 条</span> </div>
		<table class="table table-border table-bordered table-hover table-bg">
			<thead>
				<tr>
					<th scope="col" colspan="6">角色管理</th>
				</tr>
				<tr class="text-c">
					<!-- <th width="25"><input type="checkbox" value="" name=""></th> -->
					<th width="200">角色名</th>
					<th>用户列表</th>
					<th width="300">描述</th>
					<th width="70">状态</th>
					<th width="70">操作</th>
				</tr>
			</thead>
			<tbody>
				@foreach($role as $item)
					<tr class="text-c">
						<!-- <td><input type="checkbox" value="" name=""></td> -->
						<td>{{$item->name}}</td>
						<td><a href="#">admin</a></td>
						<td>{{$item->desc}}</td>
						<td class="td-status">
							<a href="javascript:;" s-url="{{action('Admin\RoleController@status',['id'=>$item->id])}}" class="save_status">
								@if($item->status == 1)
									<span class="label label-success radius">已启用</span>
								@else
									<span class="label radius">已停用</span>
								@endif
							</a>
						</td>
						<td class="f-14"><a title="编辑" href="javascript:;" onclick="admin_role_edit('角色编辑','{{action("Admin\RoleController@edit",['id'=>$item->id])}}','','310')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="admin_role_del(this)" d-url="{{action('Admin\RoleController@destroy', ['id'=>$item->id])}}" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
					</tr>
				@endforeach
			</tbody>
		</table>
	</div>
	<!--_footer 作为公共模版分离出去-->
@endsection

@section('jss')
	<!--请在下方写此页面业务相关的脚本-->
	<script type="text/javascript" src="{{URL::asset('admins/admin/lib/datatables/1.10.0/jquery.dataTables.min.js')}}"></script>
	<script type="text/javascript">
		/*管理员-角色-添加*/
		function admin_role_add(title,url,w,h){
			layer_show(title,url,w,h);
		}
		/*管理员-角色-编辑*/
		function admin_role_edit(title,url,w,h){
			layer_show(title,url,w,h);
		}
		/*管理员-角色-删除*/
		function admin_role_del(obj){
			layer.confirm('角色删除须谨慎，确认要删除吗？',function(index){
				$.ajax({
					type: 'delete',
					url: $(obj).attr("d-url"),
					dataType: 'json',
					headers:{
						'X-CSRF-TOKEN':$('meta[name="_token"]').attr('content')
					},
					success: function(data){
						$(obj).parents("tr").remove();
						layer.msg(data.message,{icon:1,time:1000});
					},
					error:function(data) {
						console.log(data);
						layer.msg('服务器出错啦!',{icon:5,time:1000});
					},
				});		
			});
		}
		$(function(){
			$(document).on('click','.save_status',function(){
				var $_this = $(this);
				var url = $_this.attr('s-url');
				if (!url) {
					layer.msg('页面出错了,请刷新', {icon:5,time:1000});
				}
				$.ajax({
					type:'post',
					url:url,
					dataType:'json',
					headers:{
						'X-CSRF-TOKEN':$('meta[name="_token"]').attr('content')
					},
					success:function(data){
						if (data.code == 200) {
							var span = $_this.children("span");
							if (span.hasClass('label-success')) {
								span.removeClass('label-success').html('已停用');
							} else {
								span.addClass('label-success').html('已启用');
							}
						} else {
							layer.msg(data.message, {icon:5,time:1000});
						}
					},
					error:function(data){
						console.log(data);
						layer.msg("服务器出错啦!",{icon:5,time:1000});
					}
				})
			})
		})
	</script>
@endsection